<script lang="ts" setup>
import { ref } from 'vue'

const showMenu = ref(false)
</script>

<template>
  <view class="relative">
    <view v-if="showMenu" class="absolute right-0 top-0 w-200px overflow-hidden rd-10px bg-#e0 shadow-xl -translate-y-100%">
      <view class="bg-white text-center text-26px text-#3 lh-60px">自提</view>
      <view class="mt-1px bg-white text-center text-26px text-#3 lh-60px">买断</view>
      <view class="mt-1px bg-white text-center text-26px text-#3 lh-60px">服务保障</view>
    </view>

    <view class="h-60px w-60px flex" @click="showMenu = !showMenu">
      <view class="i-solar:menu-dots-bold m-a text-40px text-#b2"></view>
    </view>
  </view>
</template>

<style lang="less" scoped></style>
